#my{
  flex: 1;
  display: flex;
  flex-direction: column;
  header.my-header{
    background: left top no-repeat url("https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/background@2x.png");
    background-size:100% 100%;
    position: relative;
    div{
      display:flex;
    }

    img.person-pic{
      height: 1.25rem;
      width: 1.25rem;
      border-radius: 50%;
      vertical-align: middle;
      margin-left: .48rem;
    }
    span{
      font-size: .3rem;
      color: #fff;
      margin-left: .26rem;
      margin-top: .9rem;
    }
    img.share{
      position: absolute;
      top: .2rem;
      right: .2rem;
    }
  }
  .coupon{
    display: flex;
    flex-direction: row;
    background: #b96fec;
    justify-content: space-around;
    padding-top: .18rem;
    padding-bottom: .18rem;
    dl {
      font-size: .32rem;
      color: #fff;
      text-align: center;
      line-height: .48rem;

      dd {
        font-size: .38rem;
      }
      dt {
        font-size: .24rem;
      }
    }
    div{
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-content: center;
      dl{
        font-size: .32rem;
        color: #fff;
        text-align: center;

        dd{
          font-size: .38rem;
        }
        dt{
          font-size: .24rem;
        }
      }
    }
  }

  .order-detail{
    background: #fcfcfc;
    margin-bottom: 1.24rem;
    overflow: scroll;

    div:nth-last-child(1){
      div{
        border:none;
      }
    }
    .allOrder{
      display: flex;
      justify-content: space-between;
      height: .99rem;
      span:nth-child(1){
        margin-left: .24rem;
        font-size:.28rem;
        color: #333;
        display: flex;
        align-items: center;
      }
      span:nth-child(2){
        margin-right: .24rem;
        font-size:.24rem;
        color: #333;
        display: flex;
        align-items: center;
        img{
          vertical-align: middle;
          margin-left: 0.1rem;
          width: 0.14rem;
          height: 0.26rem;
          display: block;
        }
        }
      }
    }
    .wiat{
      display: flex;
      width: 100%;
      align-items: center;
      flex-wrap: wrap;
      span{
        width: 25%;
        text-align: center;
        font-size: .28rem;
        color: #333;
        padding: .34rem 0;
        position: relative;

        img{
          display: block;
          margin: 0 auto;
          width: 1rem;
          height: 1rem;
        }
        .num{
          position: absolute;
          top: .4rem;
          right: .45rem;
          padding: .05rem;
          font-size: .24rem;
          color: #fff;
          background: #FE555A;
          width: .3rem;
          height: .3rem;
          display: block;
          border-radius: 50%;
        }
      }
      span:nth-child(5),span:nth-child(6),span:nth-child(7){
        padding-top: 0;
      }
    }
    .myInfo{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      .myinfoList{
        div{
          margin: 0 auto;
          border-bottom: .02rem solid #e6e6e6;
          overflow: hidden;
          padding: .32rem 0;
          margin-left: .32rem;
          .addMy{
            font-size: .24rem;
            color: #969696;
            margin-left: 3.1rem;
            margin-top: .08rem;
          }
        }
        div span{
          font-size: .28rem;
          color: #333;
          float: left;
        }
        div img:nth-of-type(1){
          float: left;
          width: .4rem;
          height: .4rem;
          margin-right: .2rem;
        }
        div img:nth-of-type(2){
          float: right;
          margin: .1rem 0 0 0;
          margin-right: .32rem;
          width: 0.14rem;
          height: 0.26rem;
        }
      }
    }
    .orderStateList{
      width: 100%;
      dl{
        font-size: .20rem;
        text-align: center;
        position: relative;
        dt{
          margin-top: .08rem;
          margin-bottom: .16rem;
          font-size: .22rem;
        }
        img{
          width: .44rem;
          height: .44rem;
        }
        span{
          position: absolute;
          display: block;
          flex-direction: row;
          background: #fff;
          width: .3rem;
          height: .3rem;
          text-align: center;
          line-height: .3rem;
          right: -0.02rem;
          color: #9948c3;
          font-size: .2rem;
          border: .01rem solid #9948c3;
          border-radius: 50%;
          top: -0.14rem;
        }
      }
      div{
        width: 94%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding: .1rem 0;
      }
    }
  }
